<!DOCTYPE HTML>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Assets (What you own)</title>

        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.css" />

        <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.js"></script>

        <script type="text/javascript">
            $('html').live('pageshow', function(event, ui) {
                var disable_option = 1;
                var disable_option2 = 1;
                var $numOfOtherRealEstate = $("#id_num_of_other_realestate");

                var $otherRealEstateAdd1Label = $("#id_other_real_estate_add1_label");
                var $otherRealEstateValueBalance1Label = $("#id_other_real_estate_value_balance1_label");

                var $otherRealEstateAdd1 = $("#id_other_real_estate_add1");
                var $otherRealEstateValueBalance1 = $("#id_other_real_estate_value_balance1");

                var $otherRealEstateAdd2Label = $("#id_other_real_estate_add2_label");
                var $otherRealEstateValueBalance2Label = $("#id_other_real_estate_value_balance2_label");

                var $otherRealEstateAdd2 = $("#id_other_real_estate_add2");
                var $otherRealEstateValueBalance2 = $("#id_other_real_estate_value_balance2");

                var $otherRealEstateAdd3Label = $("#id_other_real_estate_add3_label");
                var $otherRealEstateValueBalance3Label = $("#id_other_real_estate_value_balance3_label");

                var $otherRealEstateAdd3 = $("#id_other_real_estate_add3");
                var $otherRealEstateValueBalance3 = $("#id_other_real_estate_value_balance3");

                var $otherRealEstateAdd4Label = $("#id_other_real_estate_add4_label");
                var $otherRealEstateValueBalance4Label = $("#id_other_real_estate_value_balance4_label");

                var $otherRealEstateAdd4 = $("#id_other_real_estate_add4");
                var $otherRealEstateValueBalance4 = $("#id_other_real_estate_value_balance4");

                $numOfOtherRealEstate.change(function() {
                    if ($numOfOtherRealEstate.val() == "0") {
                        $("#id_other_real_estate_add1_overall").hide();
                        $("#id_other_real_estate_add2_overall").hide();
                        $("#id_other_real_estate_add3_overall").hide();
                        $("#id_other_real_estate_add4_overall").hide();
                    } else if ($numOfOtherRealEstate.val() == "1") {

                        $("#id_other_real_estate_add1_overall").show();
                        $("#id_other_real_estate_add2_overall").hide();
                        $("#id_other_real_estate_add3_overall").hide();
                        $("#id_other_real_estate_add4_overall").hide();

                    } else if ($numOfOtherRealEstate.val() == "2") {
                        $("#id_other_real_estate_add1_overall").show();
                        $("#id_other_real_estate_add2_overall").show();
                        $("#id_other_real_estate_add3_overall").hide();
                        $("#id_other_real_estate_add4_overall").hide();

                    } else if ($numOfOtherRealEstate.val() == "3") {
                        $("#id_other_real_estate_add1_overall").show();
                        $("#id_other_real_estate_add2_overall").show();
                        $("#id_other_real_estate_add3_overall").show();
                        $("#id_other_real_estate_add4_overall").hide();

                    } else if ($numOfOtherRealEstate.val() == "4") {
                        $("#id_other_real_estate_add1_overall").show();
                        $("#id_other_real_estate_add2_overall").show();
                        $("#id_other_real_estate_add3_overall").show();
                        $("#id_other_real_estate_add4_overall").show();
                    }
                }).trigger('change');

            });

            $('html').live('pageshow', function(event, ui) {
                
                var $numOfOtherPropertyLoan= $("#id_num_of_other_property_loan");

                $numOfOtherPropertyLoan.change(function() {

                    if ($numOfOtherPropertyLoan.val() == "0") {
                        
                        $("#id_other_property_loan1_overall").hide();
                        $("#id_other_property_loan2_overall").hide();
                        $("#id_other_property_loan3_overall").hide();
                        $("#id_other_property_loan4_overall").hide();
                        
                    } else if ($numOfOtherPropertyLoan.val() == "1") {
                        $("#id_other_property_loan1_overall").show();
                        $("#id_other_property_loan2_overall").hide();
                        $("#id_other_property_loan3_overall").hide();
                        $("#id_other_property_loan4_overall").hide();

                    } else if ($numOfOtherPropertyLoan.val() == "2") {
                        $("#id_other_property_loan1_overall").show();
                        $("#id_other_property_loan2_overall").show();
                        $("#id_other_property_loan3_overall").hide();
                        $("#id_other_property_loan4_overall").hide();
                    } else if ($numOfOtherPropertyLoan.val() == "3") {

                        $("#id_other_property_loan1_overall").show();
                        $("#id_other_property_loan2_overall").show();
                        $("#id_other_property_loan3_overall").show();
                        $("#id_other_property_loan4_overall").hide();

                    } else if ($numOfOtherPropertyLoan.val() == "4") {

                        $("#id_other_property_loan1_overall").show();
                        $("#id_other_property_loan2_overall").show();
                        $("#id_other_property_loan3_overall").show();
                        $("#id_other_property_loan4_overall").show();

                    }
                }).trigger('change');

            });
        </script>

    </head>
    <body>

        <!--div for overall layout-->
        <div data-role="page">

            <!--div for application header-->
            <div data-role="header">
                <h1>Assets (What you own)</h1>
            </div>

            <div data-role="content">

                <!--div for important note-->
                <div id="section_6_important_notes">
                    <p>
                        - Please specify Combined assets and liabilities for JOINT APPLICANTS
                    </p>
                    <p>
                        - Photocopy this page if you wish to make SEPARATE assets and liabilities statements
                    </p>
                    <p>
                        - ALL Guarantors must provide a statments of assets and liabilities</br></br>
                    </p>
                </div>

                <!--div for form home address-->

                <form action="" method="post">
                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="home_address_label" class="ui-input-text">Home Address:</label>
                        <input type="text" name="homeaddress"  id="id_home_address" placeholder="Address"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="home_value_balance-label" class="ui-input-text">Home Value/Balance:</label>
                        <input type="text" name="homevaluebalance"  id="id_home_value_balance" placeholder="value/Balance"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain">
                        <label for="num_other_realestate_label" class="ui-input-text">number of other real estate</label>
                        <select name="num_of_other_realestate" id="id_num_of_other_realestate">
                            <option value="0">0</option>
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="4">4</option>
                        </select>
                    </div>

                    <div id="id_other_real_estate_add1_overall">
                        <div data-role="fieldcontain"  class="ui-field-contain ui -body ui-br">
                            <label for="other_real_estate_address_1_label" class="ui-input-text" id="id_other_real_estate_add1_label">other real estate address1:</label>
                            <input type="text" name="otherrealeastateaddress1"  id="id_other_real_estate_add1" placeholder="address"
                            value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                        </div>

                        <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                            <label for="other_real_estate_value-balance_1-label" class="ui-input-text" id="id_other_real_estate_value_balance1_label">other real estate 1 value/Balance:</label>
                            <input type="text" name="otherrealestate1valuebalance"  id="id_other_real_estate_value_balance1" placeholder="value/Balance"
                            value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                        </div>
                    </div>

                    <div id="id_other_real_estate_add2_overall">
                        <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                            <label for="other_real_estate_address_2_label" class="ui-input-text" id="id_other_real_estate_add2_label" >other real estate address2:</label>
                            <input type="text" name="otherrealestateaddress2"  id="id_other_real_estate_add2" placeholder="address"
                            value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                        </div>

                        <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                            <label for="other_real_estate_value-balance_2_label" class="ui-input-text" id="id_other_real_estate_value_balance2_label">other real estate 2 value/Balance:</label>
                            <input type="text" name="otherrealestate2valuebalance"  id="id_other_real_estate_value_balance2" placeholder="value/Balance"
                            value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                        </div>
                    </div>

                    <div id="id_other_real_estate_add3_overall">
                        <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                            <label for="other_real_estate_address_3_label" class="ui-input-text" id="id_other_real_estate_add3_label" >other real estate address3:</label>
                            <input type="text" name="otherrealestateaddress3"  id="id_other_real_estate_add3" placeholder="address"
                            value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                        </div>

                        <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                            <label for="other_real_estate_value-balance_3_label" class="ui-input-text" id="id_other_real_estate_value_balance3_label">other real estate 3 value/Balance:</label>
                            <input type="text" name="otherrealestate3valuebalance"  id="id_other_real_estate_value_balance3" placeholder="value/Balance"
                            value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                        </div>
                    </div>

                    <div id="id_other_real_estate_add4_overall">
                        <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                            <label for="other_real_estate_address_4_label" class="ui-input-text" id="id_other_real_estate_add4_label" >other real estate address4:</label>
                            <input type="text" name="otherrealestateaddress4"  id="id_other_real_estate_add4" placeholder="address"
                            value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                        </div>

                        <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                            <label for="other_real_estate_value-balance_4_label" class="ui-input-text" id="id_other_real_estate_value_balance4_label">other real estate 4 value/Balance:</label>
                            <input type="text" name="otherrealestate4valuebalance"  id="id_other_real_estate_value_balance4" placeholder="value/Balance"
                            value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                        </div>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="cash_deposits_label" class="ui-input-text" id="cash_ceposits_label">Cash deposits:</label>
                        <input type="text" name="cashdeposits"  id="id_cash_deposits" placeholder="value/Balance"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="shares_label" class="ui-input-text" id="shares_label">shares:</label>
                        <input type="text" name="shares"  id="id_shares" placeholder="value/Balance"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="motor_vehicles_label" class="ui-input-text" id="motor_vehicles_label">Motor vehicles:</label>
                        <input type="text" name="motorvehicles"  id="id_motor_vehicles" placeholder="value/Balance"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="furniture_label" class="ui-input-text" id="furniture_label">furniture (insured value):</label>
                        <input type="text" name="furniture"  id="id_furniture" placeholder="value/Balance"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="other_assets_label" class="ui-input-text" id="other_assets_label">Other assets:</label>
                        <input type="text" name="other_assets"  id="id_other_assets" placeholder="value/Balance"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="superannuation/lifeinsurance_label" class="ui-input-text" id="superannution_lifeinsurance_label">Superannuation/Life insurance:</label>
                        <input type="text" name="superannuation/lifeinsurance"  id="id_superannution_lifeinsurance" placeholder="value/Balance"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="total_assets" class="ui-input-text" id="total_assets">Total value/balance:</label>
                        <label for="cal_total_assets" class="ui-input-text" id="cal_total_assets">calulated Total</label>
                    </div>

                    <fieldset class="ui-grid-a">
                        <div class="ui-block-a">
                            <button type="reset" data-theme="c">
                                Reset
                            </button>
                        </div>
                        <div class="ui-block-b">
                            <a href="#Liabilities" data-role="button" data-theme="b" data-transition="fade">Next</a>
                        </div>
                    </fieldset>

                </form>

            </div>
        </div>

        <div data-role="page" id="Liabilities">

            <div data-role="header">
                <h1>Liabilities (What you owe)</h1>
            </div>

            <div data-role="content">

                <form action="" method="post">

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="home_loan_label" class="ui-input-text" id="home_loan_label"><strong>Home loan</strong></label>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="home_loan_lender_label" class="ui-input-text" id="home_loan_lender_label">Lender:</label>
                        <input type="text" name="home_loan_lender"  id="id_home_loan_lender" placeholder="lender"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                        <label for="home_loan_limit_label" class="ui-input-text" id="home_loan_limit_label">Limit: $</label>
                        <input type="text" name="home_loan_limit"  id="id_home_loan_limit" placeholder="limit"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                        <label for="home_loan_current_interest_rate_label" class="ui-input-text" id="home_loan_current_interest_rate_label">Current interest rate: %</label>
                        <input type="text" name="home_loan_current_interest_rate"  id="id_home_loan_current_interest_rate" placeholder="current interest rate"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                        <label for="home_loan_amount_owing_label" class="ui-input-text" id="home_loan_amount_owing_label">Amount owing:</label>
                        <input type="text" name="home_loan_amount_owing"  id="id_home_loan_amount_owing" placeholder="amount owing"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">

                        <div data-role="fieldcontain">
                            <label for="home_loan_to_be_paid_out_label" class="ui-input-text">To be paid out:</label>
                            <select name="home_loan_to_be_paid_out" id="id_home_loan_to_be_paid_out">
                                <option value="Yes">Yes</option>
                                <option value="No">No</option>
                            </select>
                        </div>

                    </div>

                    <div data-role="fieldcontain">
                        <label for="num_other_property_loan_label" class="ui-input-text">number other property loans</label>
                        <select name="num_of_other_property_loan" id="id_num_of_other_property_loan">
                            <option value="0">0</option>
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="4">4</option>
                        </select>
                    </div>

                    <div id="id_other_property_loan1_overall">
                        <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                            <label for="other_property1_loan_label" class="ui-input-text" id="other_property1_loan_label"><strong>Other property loan1</strong></label>
                        </div>

                        <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                            <label for="other_property1_loan_lender_label" class="ui-input-text" id="other_property1_loan_lender_label">Lender:</label>
                            <input type="text" name="other_property1_loan_lender"  id="id_other_property1_loan_lender" placeholder="lender"
                            value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                            <label for="other_property1_loan_limit_label" class="ui-input-text" id="other_property1_loan_limit_label">Limit: $</label>
                            <input type="text" name="other_property1_loan_limit"  id="id_other_property1_loan_limit" placeholder="limit"
                            value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                            <label for="other_property1_loan_current_interest_rate_label" class="ui-input-text" id="other_property1_loan_current_interest_rate_label">Current interest rate: %</label>
                            <input type="text" name="other_property1_loan_current_interest_rate"  id="id_other_property1_loan_current_interest_rate" placeholder="current interest rate"
                            value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                            <label for="other_property1_amount_owing_label" class="ui-input-text" id="other_property1_amount_owing_label">Amount owing:</label>
                            <input type="text" name="other_property1_amount_owing"  id="id_other_property1_amount_owing" placeholder="amount owing"
                            value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">

                            <div data-role="fieldcontain">
                                <label for="other_property1_to_be_paid_out_label" class="ui-input-text">To be paid out:</label>
                                <select name="other_property1_to_be_paid_out" id="id_other_property1_to_be_paid_out">
                                    <option value="Yes">Yes</option>
                                    <option value="No">No</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div id="id_other_property_loan2_overall">
                        <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                            <label for="other_property2_loan_label" class="ui-input-text" id="other_property2_loan_label"><strong>Other property loan2</strong></label>
                        </div>

                        <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                            <label for="other_property2_loan_lender_label" class="ui-input-text" id="other_property2_loan_lender_label">Lender:</label>
                            <input type="text" name="other_property2_loan_lender"  id="id_other_property2_loan_lender" placeholder="lender"
                            value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                            <label for="other_property2_loan_limit_label" class="ui-input-text" id="other_property2_loan_limit_label">Limit: $</label>
                            <input type="text" name="other_property2_loan_limit"  id="id_other_property2_loan_limit" placeholder="limit"
                            value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                            <label for="other_property2_loan_current_interest_rate_label" class="ui-input-text" id="other_property2_loan_current_interest_rate_label">Current interest rate: %</label>
                            <input type="text" name="other_property2_loan_current_interest_rate"  id="id_other_property2_loan_current_interest_rate" placeholder="current interest rate"
                            value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                            <label for="other_property2_amount_owing_label" class="ui-input-text" id="other_property2_amount_owing_label">Amount owing:</label>
                            <input type="text" name="other_property2_amount_owing"  id="id_other_property2_amount_owing" placeholder="amount owing"
                            value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">

                            <div data-role="fieldcontain">
                                <label for="other_property2_to_be_paid_out_label" class="ui-input-text">To be paid out:</label>
                                <select name="other_property2_to_be_paid_out" id="id_other_property2_to_be_paid_out">
                                    <option value="Yes">Yes</option>
                                    <option value="No">No</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div id="id_other_property_loan3_overall">
                        <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                            <label for="other_property3_loan_label" class="ui-input-text" id="other_property3_loan_label"><strong>Other property loan3</strong></label>
                        </div>

                        <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                            <label for="other_property3_loan_lender_label" class="ui-input-text" id="other_property3_loan_lender_label">Lender:</label>
                            <input type="text" name="other_property3_loan_lender"  id="id_other_property3_loan_lender" placeholder="lender"
                            value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                            <label for="other_property3_loan_limit_label" class="ui-input-text" id="other_property3_loan_limit_label">Limit: $</label>
                            <input type="text" name="other_property3_loan_limit"  id="id_other_property3_loan_limit" placeholder="limit"
                            value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                            <label for="other_property3_loan_current_interest_rate_label" class="ui-input-text" id="other_property3_loan_current_interest_rate_label">Current interest rate: %</label>
                            <input type="text" name="other_property3_loan_current_interest_rate"  id="id_other_property3_loan_current_interest_rate" placeholder="current interest rate"
                            value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                            <label for="other_property3_amount_owing_label" class="ui-input-text" id="other_property3_amount_owing_label">Amount owing:</label>
                            <input type="text" name="other_property3_amount_owing"  id="id_other_property3_amount_owing" placeholder="amount owing"
                            value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">

                            <div data-role="fieldcontain">
                                <label for="other_property3_to_be_paid_out_label" class="ui-input-text">To be paid out:</label>
                                <select name="other_property3_to_be_paid_out" id="id_other_property3_to_be_paid_out">
                                    <option value="Yes">Yes</option>
                                    <option value="No">No</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div id="id_other_property_loan4_overall">
                        <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                            <label for="other_property4_loan_label" class="ui-input-text" id="other_property4_loan_label"><strong>Other property loan4</strong></label>
                        </div>

                        <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                            <label for="other_property4_loan_lender_label" class="ui-input-text" id="other_property4_loan_lender_label">Lender:</label>
                            <input type="text" name="other_property4_loan_lender"  id="id_other_property4_loan_lender" placeholder="lender"
                            value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                            <label for="other_property4_loan_limit_label" class="ui-input-text" id="other_property4_loan_limit_label">Limit: $</label>
                            <input type="text" name="other_property4_loan_limit"  id="id_other_property4_loan_limit" placeholder="limit"
                            value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                            <label for="other_property4_loan_current_interest_rate_label" class="ui-input-text" id="other_property4_loan_current_interest_rate_label">Current interest rate: %</label>
                            <input type="text" name="other_property4_loan_current_interest_rate"  id="id_other_property4_loan_current_interest_rate" placeholder="current interest rate"
                            value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                            <label for="other_property4_amount_owing_label" class="ui-input-text" id="other_property4_amount_owing_label">Amount owing:</label>
                            <input type="text" name="other_property4_amount_owing"  id="id_other_property4_amount_owing" placeholder="amount owing"
                            value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">

                            <div data-role="fieldcontain">
                                <label for="other_property4_to_be_paid_out_label" class="ui-input-text">To be paid out:</label>
                                <select name="other_property4_to_be_paid_out" id="id_other_property4_to_be_paid_out">
                                    <option value="Yes">Yes</option>
                                    <option value="No">No</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="credit_card_label" class="ui-input-text" id="credit_card_label"><strong>Credit card(s)</strong></label>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="credit_card_total_limit_label" class="ui-input-text" id="credit_card_total_limit_label">Total limits: $</label>
                        <input type="text" name="credit_card_total_limit"  id="id_credit_card_total_limit" placeholder="total limits"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">

                        <label for="credit_card_amount_owing_label" class="ui-input-text" id="credit_card_amount_owing_label">Amount owing:</label>
                        <input type="text" name="credit_card_amount_owing"  id="id_credit_card_amount_owing" placeholder="amount owing"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">

                        <div data-role="fieldcontain">
                            <label for="othcredit_card_to_be_paid_out_label" class="ui-input-text">To be paid out:</label>
                            <select name="credit_card_to_be_paid_out" id="id_credit_card_to_be_paid_out">
                                <option value="Yes">Yes</option>
                                <option value="No">No</option>
                            </select>
                        </div>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="store_card_label" class="ui-input-text" id="store_card_label"><strong>Store card(s)</strong></label>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="store_card_total_limit_label" class="ui-input-text" id="store_card_total_limit_label">Total limits: $</label>
                        <input type="text" name="store_card_total_limit"  id="id_store_card_total_limit" placeholder="total limits"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">

                        <label for="store_card_amount_owing_label" class="ui-input-text" id="store_card_amount_owing_label">Amount owing:</label>
                        <input type="text" name="store_card_amount_owing"  id="id_store_card_amount_owing" placeholder="amount owing"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">

                        <div data-role="fieldcontain">
                            <label for="store_card_to_be_paid_out_label" class="ui-input-text">To be paid out:</label>
                            <select name="store_card_to_be_paid_out" id="id_store_card_to_be_paid_out">
                                <option value="Yes">Yes</option>
                                <option value="No">No</option>
                            </select>
                        </div>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="margin_loans_label" class="ui-input-text" id="margin_loans_label"><strong>Margin loan(s)</strong></label>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">

                        <label for="margin_loans_amount_owing_label" class="ui-input-text" id="margin_loans_amount_owing_label">Amount owing:</label>
                        <input type="text" name="margin_loans_amount_owing"  id="id_margin_loans_amount_owing" placeholder="amount owing"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">

                        <div data-role="fieldcontain">
                            <label for="margin_loans_to_be_paid_out_label" class="ui-input-text">To be paid out:</label>
                            <select name="margin_loans_to_be_paid_out" id="id_margin_loans_to_be_paid_out">
                                <option value="Yes">Yes</option>
                                <option value="No">No</option>
                            </select>
                        </div>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="vehicle_finance_label" class="ui-input-text" id="vehicle_finance_label"><strong>Vehicle finance</strong></label>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">

                        <label for="vehicle_finance_amount_owing_label" class="ui-input-text" id="vehicle_finance_amount_owing_label">Amount owing:</label>
                        <input type="text" name="vehicle_finance_amount_owing"  id="id_vehicle_finance_amount_owing" placeholder="amount owing"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">

                        <div data-role="fieldcontain">
                            <label for="vehicle_finance_to_be_paid_out_label" class="ui-input-text">To be paid out:</label>
                            <select name="vehicle_finance_to_be_paid_out" id="id_vehicle_finance_to_be_paid_out">
                                <option value="Yes">Yes</option>
                                <option value="No">No</option>
                            </select>
                        </div>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="contingent_liabilities_label" class="ui-input-text" id="contingent_liabilities_label"><strong>Contingent liabilities</strong></label>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">

                        <label for="contingent_liabilities_amount_owing_label" class="ui-input-text" id="contingent_liabilities_amount_owing_label">Amount owing:</label>
                        <input type="text" name="contingent_liabilities_amount_owing"  id="id_contingent_liabilities_amount_owing" placeholder="amount owing"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">

                        <div data-role="fieldcontain">
                            <label for="contingent_liabilities_to_be_paid_out_label" class="ui-input-text">To be paid out:</label>
                            <select name="contingent_liabilities_to_be_paid_out" id="id_contingent_liabilities_to_be_paid_out">
                                <option value="Yes">Yes</option>
                                <option value="No">No</option>
                            </select>
                        </div>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="personal_loans_label" class="ui-input-text" id="personal_loans_label"><strong>Personal loans</strong></label>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">

                        <label for="personal_loans_amount_owing_label" class="ui-input-text" id="personal_loans_amount_owing_label">Amount owing:</label>
                        <input type="text" name="personal_loans_amount_owing"  id="id_personal_loans_amount_owing" placeholder="amount owing"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">

                        <div data-role="fieldcontain">
                            <label for="personal_loans_to_be_paid_out_label" class="ui-input-text">To be paid out:</label>
                            <select name="personal_loans_to_be_paid_out" id="id_personal_loans_to_be_paid_out">
                                <option value="Yes">Yes</option>
                                <option value="No">No</option>
                            </select>
                        </div>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="total_amount_owing" class="ui-input-text" id="total_amount_owing">Total amount owing:</label>
                        <label for="cal_total_amount_owing" class="ui-input-text" id="cal_total_amount_owing">calulated Total</label>
                    </div>

                    <fieldset class="ui-grid-a">
                        <div class="ui-block-a">
                            <button type="reset" data-theme="c">
                                Reset
                            </button>
                        </div>
                        <div class="ui-block-b">
                            <a href="#monthly_gross_income" data-role="button" data-theme="b" data-transition="fade">Next</a>
                        </div>
                    </fieldset>
                </form>
            </div>
        </div>

        <div data-role="page" id="monthly_gross_income">

            <div data-role="header">
                <h1>Monthly Gross Income</h1>
            </div>

            <div data-role="content">

                <form action="" method="post">

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="gross_salary_label" class="ui-input-text" id="gross_salary_label"><strong>Gross salary</strong></label>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="gross_salary_applicant_1_label" class="ui-input-text" id="id_gross_salary_applicant_1_label">Applicant 1:</label>
                        <input type="text" name="gross_salary_applicant_1"  id="id_gross_salary_applicant_1" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="gross_salary_applicant_2_label" class="ui-input-text" id="id_gross_salary_applicant_2_label">Applicant 2:</label>
                        <input type="text" name="gross_salary_applicant_2"  id="id_gross_salary_applicant_2" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="overtime_label" class="ui-input-text" id="overtime_label"><strong>Overtime</strong></label>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="overtime_applicant_1_label" class="ui-input-text" id="id_overtime_applicant_1_label">Applicant 1:</label>
                        <input type="text" name="overtime_applicant_1"  id="id_overtime_applicant_1" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="overtime_applicant_2_label" class="ui-input-text" id="id_overtime_applicant_2_label">Applicant 2:</label>
                        <input type="text" name="overtime_applicant_2"  id="id_overtime_applicant_2" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="comission_bonus_label" class="ui-input-text" id="comission_bonus_label"><strong>Commission/Bonus</strong></label>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="comission_bonus_applicant_1_label" class="ui-input-text" id="id_comission_bonus_applicant_1_label">Applicant 1:</label>
                        <input type="text" name="comission_bonus_applicant_1"  id="id_comission_bonus_applicant_1" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="comission_bonus_applicant_2_label" class="ui-input-text" id="id_comission_bonus_applicant_2_label">Applicant 2:</label>
                        <input type="text" name="comission_bonus_applicant_2"  id="id_comission_bonus_applicant_2" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="rental_income_label" class="ui-input-text" id="rental_income_label"><strong>Rental income</strong></label>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="rental_income_applicant_1_label" class="ui-input-text" id="id_rental_income_applicant_1_label">Applicant 1:</label>
                        <input type="text" name="rental_income_applicant_1"  id="id_rental_income_applicant_1" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="rental_income_applicant_2_label" class="ui-input-text" id="id_rental_income_applicant_2_label">Applicant 2:</label>
                        <input type="text" name="rental_income_applicant_2"  id="id_rental_income_applicant_2" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="dividend_interest_income_label" class="ui-input-text" id="dividend_interest_income_label"><strong>Dividen/Interest income</strong></label>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="dividend_interest_income_applicant_1_label" class="ui-input-text" id="id_dividend_interest_income_applicant_1_label">Applicant 1:</label>
                        <input type="text" name="dividend_interest_income_applicant_1"  id="dividend_interest_income_applicant_1" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="dividend_interest_income_applicant_2_label" class="ui-input-text" id="id_dividend_interest_income_applicant_2_label">Applicant 2:</label>
                        <input type="text" name="dividend_interest_income_applicant_2"  id="id_dividend_interest_income_applicant_2" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="family_allowance_label" class="ui-input-text" id="family_allowance_income_label"><strong>Family allowance</strong></label>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="family_allowance_applicant_1_label" class="ui-input-text" id="id_family_allowance_applicant_1_label">Applicant 1:</label>
                        <input type="text" name="family_allowance_income_applicant_1"  id="family_allowance_income_applicant_1" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="family_allowance_applicant_2_label" class="ui-input-text" id="id_family_allowance_applicant_2_label">Applicant 2:</label>
                        <input type="text" name="family_allowance_applicant_2"  id="id_family_allowance_applicant_2" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="motor_vehicle_allowance_label" class="ui-input-text" id="motor_vehicle_allowance_label"><strong>Motor vehicle allowance</strong></label>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="motor_vehicle_allowance_applicant_1_label" class="ui-input-text" id="id_motor_vehicle_allowance_applicant_1_label">Applicant 1:</label>
                        <input type="text" name="motor_vehicle_allowance_applicant_1"  id="motor_vehicle_allowance_applicant_1" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="motor_vehicle_allowance_applicant_2_label" class="ui-input-text" id="id_motor_vehicle_allowance_applicant_2_label">Applicant 2:</label>
                        <input type="text" name="motor_vehicle_allowance_applicant_2"  id="id_motor_vehicle_allowance_applicant_2" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="foreign_income_label" class="ui-input-text" id="foreign_income_label"><strong>Foreign income</strong></label>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="foreign_income_specify_applicant_1_label" class="ui-input-text" id="id_foreign_income_specify_applicant_1_label">Applicant 1 specify country:</label>
                        <input type="text" name="foreign_income_specify_applicant_1"  id="foreign_income_specify_applicant_1" placeholder="country"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                        <label for="foreign_income_applicant_1_label" class="ui-input-text" id="id_foreign_income_applicant_1_label">Applicant 1:</label>
                        <input type="text" name="foreign_income_applicant_1"  id="foreign_income_applicant_1" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="foreign_income_specify_applicant_2_label" class="ui-input-text" id="id_foreign_income_specify_applicant_2_label">Applicant 2 specify country:</label>
                        <input type="text" name="foreign_income_specify_applicant_2"  id="foreign_income_specify_applicant_2" placeholder="country"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                        <label for="foreign_income_specify_applicant_2_label" class="ui-input-text" id="id_foreign_income_specify_applicant_2_label">Applicant 2:</label>
                        <input type="text" name="foreign_income_applicant_2"  id="foreign_income_applicant_2" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="other_income_label" class="ui-input-text" id="other_income_label"><strong>Other income</strong></label>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="other_income_applicant_1_label" class="ui-input-text" id="id_other_income_applicant_1_label">Applicant 1:</label>
                        <input type="text" name="other_income_applicant_1"  id="other_income_applicant_1" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="other_income_applicant_2_label" class="ui-input-text" id="id_other_income_applicant_2_label">Applicant 2:</label>
                        <input type="text" name="other_income_applicant_2"  id="id_other_income_applicant_2" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <fieldset class="ui-grid-a">
                        <div class="ui-block-a">
                            <button type="reset" data-theme="c">
                                Reset
                            </button>
                        </div>
                        <div class="ui-block-b">
                            <a href="#monthly_expenses" data-role="button" data-theme="b" data-transition="fade">Next</a>
                        </div>
                    </fieldset>

                </form>
            </div>
        </div>

        <div data-role="page" id="monthly_expenses">

            <div data-role="header">
                <h1>Monthly Expenses</h1>
            </div>

            <div data-role="content">

                <form action="" method="post">

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="living_expense_label" class="ui-input-text" id="living_expense_label"><strong>Living expenses</strong></label>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="living_expense_applicant_1_label" class="ui-input-text" id="id_living_expense_applicant_1_label">Applicant 1:</label>
                        <input type="text" name="living_expense_applicant_1"  id="id_living_expense_applicant_1" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="living_expense_applicant_2_label" class="ui-input-text" id="id_living_expense_applicant_2_label">Applicant 2:</label>
                        <input type="text" name="living_expense_applicant_2"  id="id_living_expense_applicant_2" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="home_loan_payment_label" class="ui-input-text" id="home_loan_payment_label"><strong>Home loan payment</strong></label>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="home_loan_payment_applicant_1_label" class="ui-input-text" id="id_home_loan_payment_applicant_1_label">Applicant 1:</label>
                        <input type="text" name="home_loan_payment_applicant_1"  id="id_home_loan_payment_applicant_1" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="home_loan_payment_applicant_2_label" class="ui-input-text" id="id_home_loan_payment_applicant_2_label">Applicant 2:</label>
                        <input type="text" name="home_loan_payment_applicant_2"  id="id_home_loan_payment_applicant_2" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="other_loan_payment_label" class="ui-input-text" id="other_loan_payment_label"><strong>Other loan payments</strong></label>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="other_loan_payment_applicant_1_label" class="ui-input-text" id="id_other_loan_payments_applicant_1_label">Applicant 1:</label>
                        <input type="text" name="other_loan_payment_applicant_1"  id="id_other_loan_payment_applicant_1" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="other_loan_payment_applicant_2_label" class="ui-input-text" id="id_other_loan_payment_applicant_2_label">Applicant 2:</label>
                        <input type="text" name="other_loan_payment_applicant_2"  id="id_other_loan_payment_applicant_2" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="credit_card_payment_label" class="ui-input-text" id="credit_card_payment_label"><strong>Credit card payments</strong></label>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="credit_card_payment_applicant_1_label" class="ui-input-text" id="id_credit_card_payment_applicant_1_label">Applicant 1:</label>
                        <input type="text" name="credit_card_payment_applicant_1"  id="id_credit_card_payment_applicant_1" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="credit_card_payment_applicant_2_label" class="ui-input-text" id="id_credit_card_payment_applicant_2_label">Applicant 2:</label>
                        <input type="text" name="credit_card_payment_applicant_2"  id="id_credit_card_payment_applicant_2" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="store_card_payment_label" class="ui-input-text" id="store_card_payment_label"><strong>Store card payments</strong></label>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="store_card_payment_applicant_1_label" class="ui-input-text" id="id_store_card_payment_applicant_1_label">Applicant 1:</label>
                        <input type="text" name="store_card_payment_applicant_1"  id="store_card_payment_applicant_1" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="store_card_payment_applicant_2_label" class="ui-input-text" id="id_store_card_payment_applicant_2_label">Applicant 2:</label>
                        <input type="text" name="store_card_payment_applicant_2"  id="id_store_card_payment_applicant_2" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="vehicle_finance_payment_label" class="ui-input-text" id="fvehicle_finance_payment_label"><strong>Vehicle finance payments</strong></label>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="vehicle_finance_payment_applicant_1_label" class="ui-input-text" id="id_vehicle_finance_payment_applicant_1_label">Applicant 1:</label>
                        <input type="text" name="vehicle_finance_payment_applicant_1"  id="vehicle_finance_payment_applicant_1" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="vehicle_finance_payment_applicant_2_label" class="ui-input-text" id="id_vehicle_finance_payment_applicant_2_label">Applicant 2:</label>
                        <input type="text" name="vehicle_finance_payment_applicant_2"  id="id_vehicle_finance_payment_applicant_2" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="personal_loan_payment_label" class="ui-input-text" id="personal_loan_payment_label"><strong>Personal loan payments</strong></label>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="personal_loan_payment_applicant_1_label" class="ui-input-text" id="id_personal_loan_payment_applicant_1_label">Applicant 1:</label>
                        <input type="text" name="personal_loan_payment_applicant_1"  id="personal_loan_payment_applicant_1" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="personal_loan_payment_applicant_2_label" class="ui-input-text" id="id_personal_loan_payment_applicant_2_label">Applicant 2:</label>
                        <input type="text" name="personal_loan_payment_applicant_2"  id="id_personal_loan_payment_applicant_2" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="rent_board_label" class="ui-input-text" id="foreign_income_label"><strong>Foreign income</strong></label>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="rent_board_label" class="ui-input-text" id="rent_board_label"><strong>Rent/Board</strong></label>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="rent_board_applicant_1_label" class="ui-input-text" id="id_rent_board_applicant_1_label">Applicant 1:</label>
                        <input type="text" name="rent_board_applicant_1"  id="rent_board_applicant_1" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="rent_board_applicant_2_label" class="ui-input-text" id="id_rent_board_applicant_2_label">Applicant 2:</label>
                        <input type="text" name="rent_board_applicant_2"  id="id_rent_board_applicant_2" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="other_label" class="ui-input-text" id="other_label"><strong>other (e.g. maintenance)</strong></label>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="other_specify_applicant_1_label" class="ui-input-text" id="id_other_specify_applicant_1_label">Applicant 1 specify:</label>
                        <input type="text" name="foother_applicant_1"  id="fother_applicant_1" placeholder="other"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                        <label for="other_applicant_1_label" class="ui-input-text" id="id_other_applicant_1_label">Applicant 1:</label>
                        <input type="text" name="other_applicant_1"  id="other_applicant_1" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="other_specify_applicant_2_label" class="ui-input-text" id="id_other_specify_applicant_2_label">Applicant 2 specify:</label>
                        <input type="text" name="other_specify_applicant_2"  id="other_specify_applicant_2" placeholder="country"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                        <label for="other_applicant_2_label" class="ui-input-text" id="id_other_applicant_2_label">Applicant 2:</label>
                        <input type="text" name="other_applicant_2"  id="other_pplicant_2" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <fieldset class="ui-grid-a">
                        <div class="ui-block-a">
                            <button type="reset" data-theme="c">
                                Reset
                            </button>
                        </div>
                        <div class="ui-block-b">
                            <a href="#securityproperty" data-role="button" data-theme="b" data-transition="fade">Next</a>
                        </div>
                    </fieldset>

                </form>
            </div>

        </div>

        <div data-role="page" id="securityproperty">

            <div data-role="header">
                <h1>Security Property</h1>
            </div>
            <form action="" method="post">
                <div id="section_8_important_notes">
                    <p>
                        - Please photocopy this page if there are more than two security properties
                    </p>
                    <p>
                        - For properties being purchased, the applicant's name must be identical to that listed on the Contract for Sale, Certificate of Title and Mortgage documents.
                    </p>

                </div>

                <div id="security_property1">
                    <h3>Security Property 1</h3>

                    <div data-role="fieldcontain">
                        <label for="type_of_property1_label" class="ui-input-text">Type of Property</label>
                        <select name="type_of_property1" id="id_type_of_property1">
                            <option value="house">House</option>
                            <option value="flatunit">Flat/Unit</option>
                            <option value="companytitleflat/unit">Company title flat/unit</option>
                            <option value="land">Land</option>
                            <option value="Duplex">Duplex</option>
                            <option value="Studio">Studio</option>
                            <option value="Townhouse/Villa">Townhouse/Villa</option>
                        </select>
                    </div>

                    <div data-role="fieldcontain">
                        <label for="if_flat_unit1_label" class="ui-input-text">If a flat/unit, is it in a complex of more tan 30 flats/units?</label>
                        <select name="if_flat_unit1" id="id_if_flat_unit1">
                            <option value="yes">Yes</option>
                            <option value="no">No</option>
                        </select>
                    </div>

                    <div data-role="fieldcontain">
                        <label for="if_studio1_label" class="ui-input-text">If a studio, is the size of the property less than 45m?</label>
                        <select name="if_studio1" id="id_if_studio1">
                            <option value="yes">Yes</option>
                            <option value="no">No</option>
                        </select>
                    </div>

                    <div data-role="fieldcontain">
                        <label for="property_status_label" class="ui-input-text">Status</label>
                        <select name="property_status1" id="id_property_status1">
                            <option value="already_owned">Already owned</option>
                            <option value="to_be_purchased">To be purchased</option>
                            <option value="mortaged">Mortaged</option>
                            <option value="to_be_refinanced">To be refinanced</option>
                        </select>
                    </div>

                    <div data-role="fieldcontain">
                        <label for="property_use_label" class="ui-input-text">Status</label>
                        <select name="property_use1" id="id_property_use1">
                            <option value="live_in">Live in</option>
                            <option value="investment">Investment</option>
                        </select>

                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="purchased_price_estimated_value1_label" class="ui-input-text" id="id_purchased_price_estimated_value1_label">Purchase price/estimated value: $</label>
                        <input type="text" name="purchased_price_estimated_value1"  id="id_purchased_price_estimated_value1" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="settlement_date1" class="ui-input-text" id="id_settlement_date1_label">Settlement date: </label>
                        <input id="id_settlement_date1" type="date" name="settlement_date1">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="title_particulars1_label" class="ui-input-text" id="id_title_particulars1_label">Title particulars: </label>
                        <input type="text" name="title_particulars1"  id="id_title_particulars1" placeholder="title particulars"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="title_name1_label" class="ui-input-text" id="id_title_name1_label">Name or proposed name to be on title for this security property: </label>
                        <input type="text" name="title_name1"  id="id_title_name1" placeholder="title name"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="address_security_property1_label" class="ui-input-text" id="id_address_security_property1_label">Address of security property: </label>
                        <input type="text" name="address_security_property1"  id="id_address_security_property1" placeholder="address"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                        <input type="text" name="address_postalcode_security_property1"  id="id_address_postalcode_security_property1" placeholder="postalcode"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset" style="width:35%">
                    </div>

                    <div data-role="fieldcontain">
                        <label for="contact_person_valuation1_label" class="ui-input-text">Status</label>
                        <select name="contact_person_valuation1" id="id_contact_person_valuation1">
                            <option value="tenant">Tenant</option>
                            <option value="owner">Owner</option>
                            <option value="agent">Agent</option>
                        </select>

                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="name_contact_person_valuation1_label" class="ui-input-text" id="id_name_contact_person_valuation1_label">Name of contact person for valuation: </label>
                        <input type="text" name="name_contact_person_valuation1"  id="id_name_contact_person_valuation1" placeholder="valuation contact name"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div>
                        <label for="contact_person_phone_number1" class="ui-input-text">Phone Number:</label>
                        <div class="ui-grid-a">
                            <div class="ui-block-a" style="width:20%">
                                <input type="text" name="contact_person_phone_number1_ext" id="id_contact_person_phone_number1_ext" value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset" placeholder="idd">
                            </div>
                            <div class="ui-block-b" style="width:80%">
                                <input type="text" name="contact_person_phone_number1" id="contact_person_phone_number1" value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset" placeholder="phone number">
                            </div>
                        </div>
                    </div>

                    <div>
                        <label for="contact_person_fax_number1" class="ui-input-text">Fax Number:</label>
                        <div class="ui-grid-a">
                            <div class="ui-block-a" style="width:20%">
                                <input type="text" name="contact_person_fax_number1_ext" id="id_contact_person_fax_number1_ext" value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset" placeholder="idd">
                            </div>
                            <div class="ui-block-b" style="width:80%">
                                <input type="text" name="contact_person_fax_number1" id="contact_person_fax_number1" value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset" placeholder="fax number">
                            </div>
                        </div>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="contact_person_mobile_number1_label" class="ui-input-text" id="id_contact_person_mobile_number1_label">Mobile phone number: </label>
                        <input type="text" name="contact_person_mobile_number1"  id="id_contact_person_mobile_number1" placeholder="valuation contact name"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>
                </div>

                <div id="security_property2">
                    <h3>Security Property 2</h3>

                    <div data-role="fieldcontain">
                        <label for="type_of_property1_label" class="ui-input-text">Type of Property</label>
                        <select name="type_of_property1" id="id_type_of_property1">
                            <option value="house">House</option>
                            <option value="flatunit">Flat/Unit</option>
                            <option value="companytitleflat/unit">Company title flat/unit</option>
                            <option value="land">Land</option>
                            <option value="Duplex">Duplex</option>
                            <option value="Studio">Studio</option>
                            <option value="Townhouse/Villa">Townhouse/Villa</option>
                        </select>
                    </div>

                    <div data-role="fieldcontain">
                        <label for="if_flat_unit1_label" class="ui-input-text">If a flat/unit, is it in a complex of more tan 30 flats/units?</label>
                        <select name="if_flat_unit1" id="id_if_flat_unit1">
                            <option value="yes">Yes</option>
                            <option value="no">No</option>
                        </select>
                    </div>

                    <div data-role="fieldcontain">
                        <label for="if_studio1_label" class="ui-input-text">If a studio, is the size of the property less than 45m?</label>
                        <select name="if_studio1" id="id_if_studio1">
                            <option value="yes">Yes</option>
                            <option value="no">No</option>
                        </select>
                    </div>

                    <div data-role="fieldcontain">
                        <label for="property_status_label" class="ui-input-text">Status</label>
                        <select name="property_status1" id="id_property_status1">
                            <option value="already_owned">Already owned</option>
                            <option value="to_be_purchased">To be purchased</option>
                            <option value="mortaged">Mortaged</option>
                            <option value="to_be_refinanced">To be refinanced</option>
                        </select>
                    </div>

                    <div data-role="fieldcontain">
                        <label for="property_use_label" class="ui-input-text">Status</label>
                        <select name="property_use1" id="id_property_use1">
                            <option value="live_in">Live in</option>
                            <option value="investment">Investment</option>
                        </select>

                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="purchased_price_estimated_value1_label" class="ui-input-text" id="id_purchased_price_estimated_value1_label">Purchase price/estimated value: $</label>
                        <input type="text" name="purchased_price_estimated_value1"  id="id_purchased_price_estimated_value1" placeholder="amount"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="settlement_date1" class="ui-input-text" id="id_settlement_date1_label">Settlement date: </label>
                        <input id="id_settlement_date1" type="date" name="settlement_date1">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="title_particulars1_label" class="ui-input-text" id="id_title_particulars1_label">Title particulars: </label>
                        <input type="text" name="title_particulars1"  id="id_title_particulars1" placeholder="title particulars"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="title_name1_label" class="ui-input-text" id="id_title_name1_label">Name or proposed name to be on title for this security property: </label>
                        <input type="text" name="title_name1"  id="id_title_name1" placeholder="title name"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="address_security_property1_label" class="ui-input-text" id="id_address_security_property1_label">Address of security property: </label>
                        <input type="text" name="address_security_property1"  id="id_address_security_property1" placeholder="address"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                        <input type="text" name="address_postalcode_security_property1"  id="id_address_postalcode_security_property1" placeholder="postalcode"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset" style="width:35%">
                    </div>

                    <div data-role="fieldcontain">
                        <label for="contact_person_valuation1_label" class="ui-input-text">Status</label>
                        <select name="contact_person_valuation1" id="id_contact_person_valuation1">
                            <option value="tenant">Tenant</option>
                            <option value="owner">Owner</option>
                            <option value="agent">Agent</option>
                        </select>

                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="name_contact_person_valuation1_label" class="ui-input-text" id="id_name_contact_person_valuation1_label">Name of contact person for valuation: </label>
                        <input type="text" name="name_contact_person_valuation1"  id="id_name_contact_person_valuation1" placeholder="valuation contact name"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>

                    <div>
                        <label for="contact_person_phone_number1" class="ui-input-text">Phone Number:</label>
                        <div class="ui-grid-a">
                            <div class="ui-block-a" style="width:20%">
                                <input type="text" name="contact_person_phone_number1_ext" id="id_contact_person_phone_number1_ext" value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset" placeholder="idd">
                            </div>
                            <div class="ui-block-b" style="width:80%">
                                <input type="text" name="contact_person_phone_number1" id="contact_person_phone_number1" value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset" placeholder="phone number">
                            </div>
                        </div>
                    </div>

                    <div>
                        <label for="contact_person_fax_number1" class="ui-input-text">Fax Number:</label>
                        <div class="ui-grid-a">
                            <div class="ui-block-a" style="width:20%">
                                <input type="text" name="contact_person_fax_number1_ext" id="id_contact_person_fax_number1_ext" value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset" placeholder="idd">
                            </div>
                            <div class="ui-block-b" style="width:80%">
                                <input type="text" name="contact_person_fax_number1" id="contact_person_fax_number1" value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset" placeholder="fax number">
                            </div>
                        </div>
                    </div>

                    <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                        <label for="contact_person_mobile_number1_label" class="ui-input-text" id="id_contact_person_mobile_number1_label">Mobile phone number: </label>
                        <input type="text" name="contact_person_mobile_number1"  id="id_contact_person_mobile_number1" placeholder="valuation contact name"
                        value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    </div>
                </div>

                <div id="deposit_under_lien">
                    <h3>Deposit Under Lien</h3>
                </div>

                <div data-role="fieldcontain">
                    <label for="deposit_under_lien_label" class="ui-input-text">Is a deposit under lien to be taken? Note: The deposit uner lien MUST be a team deposit held with HSBC in the same name as the borrowers and be in Australian Dollars. It CANNOT be part of the loan proceeds.</label>
                    <select name="deposit_under_lien" id="id_deposit_under_lien">
                        <option value="no">No</option>
                        <option value="yes">Yes</option>
                    </select>

                </div>

                <fieldset class="ui-grid-a">
                    <div class="ui-block-a">
                        <button type="reset" data-theme="c">
                            Reset
                        </button>
                    </div>
                    <div class="ui-block-b">
                        <a href="#solicitor_conveyancer_details" data-role="button" data-theme="b" data-transition="fade">Next</a>
                    </div>
                </fieldset>
            </form>
        </div>
        </div>

        <div data-role="page" id="solicitor_conveyancer_details">

            <div data-role="header">
                <h1>Solicitor/Conveyancer details</h1>
            </div>
            <form action="" method="post">

                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="name_of_firm_label" class="ui-input-text" id="id_name_of_firm_label">Name of firm: </label>
                    <input type="text" name="name_of_firm"  id="id_name_of_firm" placeholder="name of firm"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>

                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="name_of_contact_person_at_firm_label" class="ui-input-text" id="id_name_of_contact_person_at_firm_label">Name of firm: </label>
                    <input type="text" name="name_of_contact_person_at_firm"  id="id_name_of_contact_person_at_firm" placeholder="name of contact person at firm"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>

                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="address_solicitor_conveyancer_label" class="ui-input-text" id="id_address_solicitor_conveyancer_label">Address: </label>
                    <input type="text" name="address_solicitor_conveyancer"  id="id_address_solicitor_conveyancer" placeholder="address"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                    <input type="text" name="address_postalcode_solicitor_conveyancer"  id="id_address_postalcode_solicitor_conveyancer" placeholder="postalcode"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset" style="width:35%">
                </div>

                <div>
                    <label for="solicitor_conveyancer_phone_number" class="ui-input-text">Phone Number:</label>
                    <div class="ui-grid-a">
                        <div class="ui-block-a" style="width:20%">
                            <input type="text" name="solicitor_conveyancer_phone_number_ext" id="id_solicitor_conveyancer_phone_number_ext" value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset" placeholder="idd">
                        </div>
                        <div class="ui-block-b" style="width:80%">
                            <input type="text" name="solicitor_conveyancer_phone_number" id="solicitor_conveyancer_phone_number" value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset" placeholder="phone number">
                        </div>
                    </div>
                </div>

                <div>
                    <label for="solicitor_conveyancer_fax_number" class="ui-input-text">Fax Number:</label>
                    <div class="ui-grid-a">
                        <div class="ui-block-a" style="width:20%">
                            <input type="text" name="solicitor_conveyancer_fax_number_ext" id="id_solicitor_conveyancer_fax_number_ext" value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset" placeholder="idd">
                        </div>
                        <div class="ui-block-b" style="width:80%">
                            <input type="text" name="solicitor_conveyancer_fax_number" id="solicitor_conveyancer_fax_number" value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset" placeholder="fax number">
                        </div>
                    </div>
                </div>

                <div data-role="fieldcontain" class="ui-field-contain ui -body ui-br">
                    <label for="solicitor_conveyancer_email_label" class="ui-input-text" id="id_solicitor_conveyancer_email_label">Email address: </label>
                    <input type="text" name="solicitor_conveyancer_email"  id="id_solicitor_conveyancer_email" placeholder="email"
                    value class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
                </div>

                <div data-role="fieldcontain">
                    <label for="solicitor_conveyancer_document_sent_label" class="ui-input-text">Where would like all loan and associated documents sent?</label>
                    <select name="solicitor_conveyancer_document_sent" id="id_solicitor_conveyancer_document_sent">
                        <option value="direct_to_solicitor_conveyancer">Direct to your solictor/conveyancer</option>
                        <option value="directly_to_you">Directly to you</option>
                    </select>

                </div>
            </form>
        </div>
    </body>

</html>